<%--
  Created by IntelliJ IDEA.
  User: root
  Date: 11/13/24
  Time: 11:50 AM
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div id="sidebar" class="widget-area all-sidebar" style="position: relative; overflow: visible; box-sizing: border-box; min-height: 1px;">

    <aside class="widget widget_search">
        <div class="searchbar">
            <form method="get" id="searchform1" action="/search">
                <span><input type="text" value="" name="keywords" id="s1" placeholder="Please input content" required="">
                    <button type="submit" id="searchsubmit1">Search</button>
                </span>
            </form>
        </div>
        <div class="clear"></div>
    </aside>

    <aside class="widget hot_comment">
        <h3 class="widget-title">
            <i class="fa fa-bars"></i>Hot Article
        </h3>
        <div id="hot_comment_widget">
            <ul>
                <c:forEach items="${mostCommentArticleList}" var="m">
                    <li>
                        <a href="/article/${m.articleId}" rel="bookmark" title="(${m.articleCommentCount}Comment)">
                            ${m.articleTitle}
                        </a>
                    </li>
                </c:forEach>
            </ul>
        </div>
        <div class="clear"></div>
    </aside>

    <aside class="widget">
        <h3 class="widget-title">
            <i class="fa fa-bars"></i>All Tags
        </h3>
        <div class="tagcloud">
            <c:forEach items="${allTagList}" var="t">
                <a href="/tag/${t.tagId}" class="tag-link-129 tag-link-position-1" style="font-size: 14px;">
                    ${t.tagName}
                </a>
            </c:forEach>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </aside>

    <aside id="random_post-7" class="widget random_post wow fadeInUp" data-wow-delay="0.3s">
        <h3 class="widget-title">
            <i class="fa fa-bars"></i>Random Article
        </h3>
        <div id="random_post_widget">
            <ul>
                <c:forEach items="${randomArticleList}" var="r">
                    <li>
                        <a href="/article/${r.articleId}" rel="bookmark">
                            ${r.articleTitle}
                        </a>
                    </li>
                </c:forEach>
            </ul>
        </div>
        <div class="clear"></div>
    </aside>
</div>
<%--<html>--%>
<%--<head>--%>
<%--    <title>Title</title>--%>
<%--</head>--%>
<%--<body>--%>

<%--</body>--%>
<%--</html>--%>
